應用圖示設計 APP ICON design （原則）

人類自古以來就使用符號來傳達思想，在使用符號進行交流方面有著悠久而豐富的歷史。

一些經典的Mac OS圖示，許多比喻已經在Mac OS中沿用了三十年，圖示設計的簡潔性不僅有助於易用性，還能加強使用者的情感聯結。讓系統變得更容易接近和使用。這也讓平臺變得獨一無二，區別於競爭對手。

這是一個抽象的概念，但它透過一個真實的物體得到了具體化。油漆桶會給你的畫布填滿顏色，就像真正的油漆灑在地上一樣。角度中暗示了運動，微妙地表明瞭透視關係。黑白比例很平衡。簡單且對比度高。

主要設計原則

隱喻：“隱喻”是設計圖示時需要考慮的首要原則，“找到一個容易識別的比喻來作為物件或圖形標誌”。

簡潔：簡潔性是圖示設計的另一個關鍵原則。“設計應該簡單明瞭，不要讓它過於複雜或繁瑣。如果你的圖示設計得當，它應該是快速易讀的”。

情感連線：圖示設計應試圖與使用者建立情感連線。“圖示和介面一樣，是你應用的面貌”。保持趣味性，保持吸引力。

傳承性：圖示的演變應是有意義且經過深思熟慮的。“不要在每次更新應用程式時都更改你的應用圖示。隨著時間的推移，不斷完善品牌形象”。

設計案例

Keynote。從2003年開始的第一個版本起，這款應用的標誌就是講臺。演講者使用講臺已經有好幾代了，為了增加情感聯絡，演講者的筆記放在溫暖的木質表面上。麥克風元素的加入，使圖示更具象，更容易讓使用者聯想到演講場景。

隨著Keynote的版本更新，我們更新了材質，並從經典風格過渡到現代風格，但講臺的概念始終保持不變。這種視覺連線很重要，因為它告訴使用者，可以在不同平臺上獲得一致的體驗。

Pages使用的是鋼筆，象徵著寫作和書寫。用一條線表示紙張，但它幫助鋼筆固定在一個平面上。Numbers在iOS上使用了更扁平和二維的圖表和表格表示。

我們將同樣的設計原則應用於GarageBand和iMovie，分別使用吉他和五線譜。這些圖示在色彩方案中的隱喻實際上是跨平臺共享的，以加強“家族”的概念。

案例細節

顏色與iOS的其他鮮豔色調相協調。圖示是簡潔的。它們的形態一致。它們是白色的，對比度很高。

所有的角都是定製的曲線，因此它們在大尺寸和小尺寸下都顯得非常平滑。

這些原則是如何應用在另一個應用程式上？

透過顏色和比喻，可以明顯看出它與GarageBand的歷史淵源。圓形讓人聯想到原聲吉他的音孔。弦以一種有趣的圖形方式震動。圖示中充滿了動感和創造力。

該圖示利用了iOS的圖示網格，因此當Music Memos與系統中的其他圖示並列時，像圓形這樣的公共元素與Safari等圖示的大小一致。

設計應用圖示時需要考慮的實際因素？

透過新聞應用的圖示案例，來表達設計在較小的尺寸下依然清晰可見。共三個方案：

第一張紙的頂端有點抽象。N字母似乎放在報紙或白色盒子上，難以分辨，大部分紅色背景被遮擋。

第二張紙的引入增加了隱喻效果，但邊緣缺失，仍難以確認N字母是否在報紙上，且顏色遮擋較多。

第三張紙清晰顯示了報紙的所有邊緣，白色對比度高，紅色背景明顯。報紙和標誌文字的設計簡單、大膽且富有圖形感。

為什麼這很重要？設計應用圖示是一個反覆推敲的過程。因為當你在主螢幕上檢視你的圖示時，你會真正看到什麼樣的設計在小尺寸下依然清晰可見，構圖清晰，對比度高，顏色也很醒目。

設計過程中要考慮的點

獨特性：圖示應在同類應用中獨樹一幟。對比 Quick、Instagram 和 Periscope 的圖示，均透過大膽顏色和形狀脫穎而出。

實驗與測試：設計時可先手繪草圖激發創意，不必急於精細調整。設計完成後，在主螢幕、資料夾和設定頁面測試圖示，確保其在小尺寸下清晰可辨。

耐心：

Oftentimes, it's the simplest design or an early direction that you abandoned that you actually ultimately find is the right choice.

設計需要時間和反覆最佳化。最簡單的設計或早期放棄的方案，常是最佳選擇。